<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title></title>
    <link rel="shortcut icon" href="favicon.ico"/>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/main.css">
    <!--由于供应订单页面和采购消息页面类似，所以引入的是一样的css -->
    <link rel="stylesheet" href="css/purchasingMessage.css">
    <link rel="stylesheet" href="css/supplyOrder.css">
    <!--[if lt IE 9]>
    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        .nav-tabs>li {
            width: 20%;
        }
        #information .tab-pane:nth-child(1),#information .jroll-plugin-pulldown:nth-child(6){
            left:0;
        }
        #information .tab-pane:nth-child(2),#information .jroll-plugin-pulldown:nth-child(7){
            left:100%;
        }
        #information .tab-pane:nth-child(3),#information .jroll-plugin-pulldown:nth-child(8){
            left:200%;
        }
        #information .tab-pane:nth-child(4),#information .jroll-plugin-pulldown:nth-child(9){
            left:300%;
        }
        #information .tab-pane:nth-child(5),#information .jroll-plugin-pulldown:nth-child(10){
            left:400%;
        }
        #header-tab .line {
            width: 20%;
        }
        #information {
            bottom: 48px;
        }
    	#information>.tab-pane>section>li button{
		    height: 25px;
		    width: 75px;
		    font-size: 12px;
		    float: right;
		    margin-right: 10px;
		    /*padding: 8px 13px;*/
		    /*font-size: 10pt;*/
		    background-color: #ffffff;
		    border: 1px solid #cccccc;
		    color: #666666;
		    margin-top: 20px;
		}

    </style>
</head>

<body>

<header id="header-tab">
    <div>
		<span>
			<img src="img/order_left.png" alt=""/>
		</span>
        <h5></h5>
    </div>
    <!-- 选项卡标题 -->
    <ul class="nav nav-tabs" role="tablist">
        <li id='switch1'>全部</li>
        <li id='switch2'>已发布</li>
        <li id='switch3'>审核中</li>
        <li id='switch4'>洽谈中</li>
        <li id='switch5'>失效中</li>
        <li class='line'></li>
    </ul>
</header>

<section id="information">
    <div class="tab-pane" id="scroller1">
        <!--<li class="clear">-->
        <!--<span style="position: absolute;left: 2%;color: #000000;">订单编号：123456654</span>-->
        <!--<p>审核中</p>-->
        <!--<div class="txt">-->
        <!--<div class="title-time">-->
        <!--<p>羊排</p>-->
        <!--<p>2016.09.13 18:55</p>-->
        <!--</div>-->
        <!--<div class="content">-->
        <!--羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息-->
        <!--羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息-->
        <!--hhasda-->
        <!--</div>-->

        <!--<div class="pro-num">-->
        <!--<p></p>-->
        <!--<p>2.3(吨)</p>-->
        <!--</div>-->

        <!--<div class="address-man">-->
        <!--<p></p>-->
        <!--<p>找牛(交易员)</p>-->
        <!--</div>-->

        <!--<div class="address-man">-->
        <!--<p><img src="img/icon_address.png">&nbsp;北京</p>-->
        <!--<p>找牛(采购方)</p>-->
        <!--</div>-->
        <!--</div>-->
        <!--<button>删除消息</button>-->

        <!--</li>-->
        <!--&lt;!&ndash;template: '<li class="clear" _dataId ={{=_obj.orderNo}}><span style="position: absolute;left: 2%;color: #000000;">订单编号：{{=_obj.orderNo}}</span><p>{{=statusArr[_obj.status]}}</p><div class="txt"><div class="title-time"><p>{{=_obj.meatCategory}}</p><p>{{=_obj.updateDate}}</p></div><div class="content">{{=_obj.purchaseDesc}}</div><div class="pro-num"><p></p><p>{{=Math.round(_obj.amount / 1000 * 100) / 100}}(吨)</p></div><div class="address-man"><p>{{=_obj.country}}&nbsp;(产地)</p><p>{{=_obj.dealUser}}(交易员)</p></div></li>',&ndash;&gt;-->

        <!--<li class="clear">-->
        <!--<p>审核中</p>-->
        <!--<div class="txt">-->
        <!--<div class="title-time">-->
        <!--<p>羊排</p>-->
        <!--<p>2016.09.13 18:55</p>-->
        <!--</div>-->
        <!--<div class="content">-->
        <!--羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息-->
        <!--羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息-->
        <!--hhasda-->
        <!--</div>-->

        <!--<div class="pro-num">-->
        <!--<p></p>-->
        <!--<p>2.3(吨)</p>-->
        <!--</div>-->

        <!--<div class="address-man">-->
        <!--<p></p>-->
        <!--<p>找牛(交易员)</p>-->
        <!--</div>-->


        <!--<div class="address-man">-->
        <!--<p><img src="img/icon_address.png">&nbsp;北京</p>-->
        <!--<p>找牛(采购方)</p>-->
        <!--</div>-->
        <!--</div>-->
        <!--<button>删除消息</button>-->

        <!--</li>-->

        <!--<li class="clear">-->
        <!--<p>审核中</p>-->
        <!--<div class="txt">-->
        <!--<div class="title-time">-->
        <!--<p>羊排</p>-->
        <!--<p>2016.09.13 18:55</p>-->
        <!--</div>-->
        <!--<div class="content">-->
        <!--羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息-->
        <!--羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息-->
        <!--hhasda-->
        <!--</div>-->

        <!--<div class="pro-num">-->
        <!--<p></p>-->
        <!--<p>2.3(吨)</p>-->
        <!--</div>-->

        <!--<div class="address-man">-->
        <!--<p></p>-->
        <!--<p>找牛(交易员)</p>-->
        <!--</div>-->


        <!--<div class="address-man">-->
        <!--<p><img src="img/icon_address.png">&nbsp;北京</p>-->
        <!--<p>找牛(采购方)</p>-->
        <!--</div>-->
        <!--</div>-->
        <!--<button>删除消息</button>-->

        <!--</li>-->

        <!--<li class="clear">-->
        <!--<p>审核中</p>-->
        <!--<div class="txt">-->
        <!--<div class="title-time">-->
        <!--<p>羊排</p>-->
        <!--<p>2016.09.13 18:55</p>-->
        <!--</div>-->
        <!--<div class="content">-->
        <!--羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息-->
        <!--羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息羊排删除消息-->
        <!--hhasda-->
        <!--</div>-->

        <!--<div class="pro-num">-->
        <!--<p></p>-->
        <!--<p>2.3(吨)</p>-->
        <!--</div>-->

        <!--<div class="address-man">-->
        <!--<p></p>-->
        <!--<p>找牛(交易员)</p>-->
        <!--</div>-->


        <!--<div class="address-man">-->
        <!--<p><img src="img/icon_address.png">&nbsp;北京</p>-->
        <!--<p>找牛(采购方)</p>-->
        <!--</div>-->
        <!--</div>-->
        <!--<button>删除消息</button>-->
        <!--</li>-->
    </div>
    <div class="tab-pane" id="scroller2">
    </div>
    <div class="tab-pane" id="scroller3">
    </div>
    <div class="tab-pane" id="scroller4">
    </div>
    <div class="tab-pane" id="scroller5">
    </div>
</section>
<footer id="footer-nav">
    <button></button>
</footer>

<div id="maskBox" class="active">
    <div>
        <div>
            <h3>确定删除消息</h3>
            <h4>删除消息之后将无法恢复</h4>
            <button>确认</button>
        </div>
        <div id="maskBox1">
            <img src="img/delect.png" alt="" />
        </div>
    </div>
</div>
<script src="lib/jquery/jquery.js"></script>
<script src="lib/jquery/fastclick.js" type="text/javascript" charset="utf-8"></script>
<script>
    $(function() {
        FastClick.attach(document.body);
    });
</script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src="js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="js/main.js"></script>
<script src="js/count.js" type="text/javascript" charset="utf-8"></script>
<script src='lib/layer_mobile/layer.js'></script>
<script src="js/laymes.js"></script>
<script src="lib/jroll/jroll.js"></script>
<script src="lib/jroll/jroll-infinite.js"></script>
<script src="lib/jroll/jroll-pulldown.js"></script>
<script src="js/message.js" type="text/javascript" charset="utf-8"></script>
<script src="js/weChatLogin.js" type="text/javascript" charset="utf-8"></script>

</body>

</html>